<!DOCTYPE html>
<html>
<head>
<title>About</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script> 
<!-- //js -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- start-smooth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>	
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
		
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
<!--//end-smooth-scrolling-->	
</head>
<body>
	<!--banner-->
	<div class="banner about-banner">
		<div class="header"><!--header-->
			<div class="container">		
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1 class="navbar-brand"><a  href="index.html">Stone</a></h1>
					</div>
					<div class="box">
						<div class="container-4">
							<form>
								<input type="search" id="search" placeholder="Search..." />
								<button class="icon"><i class="fa fa-search"></i></button>
							</form>
						</div>
					</div>
					<!--navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right cl-effect-4">
							<li><a href="index.html">213</a></li>
							<li class="active"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li><a class="hvr-bounce-to-bottom" href="about.html">阿松大</a></li>
									<li><a class="hvr-bounce-to-bottom" href="about.html">213</a></li>
									<li><a class="hvr-bounce-to-bottom" href="about.html">123</a></li>
								</ul>
							</li>
							<li><a href="codes.html">C5645</a></li>
							<li><a href="gallery.html">G789</a></li>
							<li><a href="contact.html">Con879ts</a></li>
						</ul>	
						<div class="clearfix"> </div>	
					</div>
				</nav>
			</div>
		</div>
		<!--//header-->
	</div>
	<!--//banner-->
	<!--banner-bottom-->
	<div class="banner-bottom">
		<div class="col-md-6 bnr-btm-left">
			<h5>Lorem ipsum </h5>
			<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
		</div>
		<div class="col-md-6 bnr-btm-right">	
			<h5>Reprehen</h5>
			<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
		</div>
		<div class="clearfix"> </div>	
	</div>
	<!--//banner-bottom-->
	<!--about-page-->
	<div class="about-page">
		<div class="container">
			<div class="about-row">
				<div class="col-md-4 about-left">	
					<h2 class="title">About</h2>
					<p class="text2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
						eiusmod tempor incididunt magna aliqua. 
						Ut enim ad minim Nam libero tempore cum soluta nobis est eligendi optio minus id quod veniam.</p>
				</div>
				<div class="col-md-8 about-right">
					<div class="col-md-4 about-left-grids">	
						<img src="images/img5.jpg" alt="">
					</div>
					<div class="col-md-4 about-left-grids">	
						<img src="images/img6.jpg" alt="">
					</div>
					<div class="col-md-4 about-left-grids">	
						<img src="images/img7.jpg" alt="">
					</div>
					<div class="clearfix"> </div>	
				</div>
				<div class="clearfix"> </div>	
			</div>
		</div>
		<!--about-slid-->
		<div class="about-slid">
			<div class="container">
				<div class="col-md-6 slid-left">
					<img src="images/img8.jpg" alt="">
				</div>
				<div class="col-md-6 slid-right">
					<h3>Ut enim quis nostrud exercitation ullamco aliquip </h3>
					<p class="text2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
							eiusmod tempor incididunt magna aliqua Ut enim quis nostrud exercitation ullamco aliquip ex ea commodo consequat.</p>
				</div>
				<div class="clearfix"> </div>	
			</div>
		</div>
		<!--//about-slid-->
		<!--about-History-->
		<div class="container">
			<div class="about-row2">
				<h3 class="title">Our History</h3>
				<div class="history">
					<h4>1985</h4>
					<p class="text2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
						eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur 
						Ut enim ad minim Nam libero tempore cum soluta nobis est eligendi optio minus id quod veniam.</p>
					<p class="text2">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
						eiusmod tempor incididunt magna aliqua.</p>
					<p class="text2">* * *</p>
					<h5> Ut enim quis nostrud exercitation ullamco aliquip ex ea commodo consequat. </h5>	
				</div>
			</div>
		</div>
		<!--//about-History-->
		<!--about-slid2-->
		<div class="about-slid2">
			<div class="container">
				<div class="col-md-4 slid-grids">
					<h4>Our Products</h4>
					<div class="slid-grd-info">
						<ul>
							<li><a href="#"><i class="fa fa-angle-right"></i>Elder abuse Cases</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Employment Law</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Class action lawsuits </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Intellectual property </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Immigration Law </a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 slid-grids">
					<h4>Our Advantages</h4>
					<div class="slid-grd-info">
						<ul>
							<li><a href="#"><i class="fa fa-angle-right"></i>Elder abuse Cases</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Employment Law</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Class action lawsuits </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Intellectual property </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Immigration Law </a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-4 slid-grids">
					<h4>Mining Process</h4>
					<div class="slid-grd-info">
						<ul>
							<li><a href="#"><i class="fa fa-angle-right"></i>Elder abuse Cases</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Employment Law</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Class action lawsuits </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Intellectual property </a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Immigration Law </a></li>
						</ul>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!--//about-slid-->
		<!--testimonial-->
		<div class="container">
			<div class="testimonial">
				<h3 class="title">Testimonial</h3>
				<div id="top" class="testi-slider callbacks_container">
					<ul class="rslides" id="slider3">
						<li>
							<div class="testi-row">
								<div class="col-md-5 testi-left">
									<img src="images/img9.jpg" alt=""/>
								</div>
								<div class="col-md-7 testi-right">
									<p>" Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl " </p>
									<h4>Kellie Tam</h4>
									<h6>Our client</h6>
								</div>
								<div class="clearfix"> </div>	
							</div>
						</li>
						<li>
							<div class="testi-row">
								<div class="col-md-5 testi-left">
									<img src="images/img10.jpg" alt=""/>
								</div>
								<div class="col-md-7 testi-right">
									<p>" Fap craft beer occaecat commodo aliqua delectus. deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl " </p>
									<h4>John Doe</h4>
									<h6>Our client</h6>
								</div>
								<div class="clearfix"> </div>	
							</div>
						</li>
						<li>
							<div class="testi-row">
								<div class="col-md-5 testi-left">
									<img src="images/img11.jpg" alt=""/>
								</div>
								<div class="col-md-7 testi-right">
									<p>" Lomo bicycle rights adipisicing banh mi occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl " </p>
									<h4>Elit Semper </h4>
									<h6>Our client</h6>
								</div>
								<div class="clearfix"> </div>	
							</div>
						</li>
					</ul>
					<script src="js/responsiveslides.min.js"></script>
					<script>
						// You can also use "$(window).load(function() {"
							$(function () {
							// Slideshow 3
								$("#slider3").responsiveSlides({
								auto: true,
								pager:false,
								nav:true,
								speed: 500,
								namespace: "callbacks",
								before: function () {
								$('.events').append("<li>before event fired.</li>");
								},
								after: function () {
									$('.events').append("<li>after event fired.</li>");
								}
							});	
						});
					</script>
				</div>
			</div>
		</div>
		<!--//testimonial-->
	</div>
	<!--//about-page-->
	<!--footer-->
	<div class="footer">
		<div class="container">
			<div class="footer-row">
				<div class="col-md-6 footer-logo">
					<h5><a href="index.html"> STONE </a></h5>
				</div>
				<div class="col-md-6 footer-nav">
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html" >About</a></li>
						<li><a href="codes.html">Codes</a></li>
						<li><a href="gallery.html">Gallery</a></li>
						<li><a href="contact.html">Contacts</a></li>
					</ul>	
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="footer-bottom">
				<div class="col-md-4 footer-grids">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do 
						eiusmod tempor incididunt ut labore et dolore magna aliqua. 
						Ut enim ad minim veniam.</p>
					<h6>consectetur<a href="#"> Christ Richard.</a> </h6>
				</div>
				<div class="col-md-4 footer-grids footer-mdl">
					<div class="col-md-6 grid-left">
						<ul>
							<li><a href="#"><i class="fa fa-angle-right"></i>Site Map</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Products</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Account</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Support</a></li>
						</ul>	
					</div>
					<div class="col-md-6 grid-left">
						<ul>
							<li><a href="#"><i class="fa fa-angle-right"></i>Search</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Mail</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Category</a></li>
							<li><a href="#"><i class="fa fa-angle-right"></i>Team</a></li>
						</ul>	
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 footer-grids">
					<ul>
						<li class="phn"><i class="fa fa-phone"></i>1111-111-111</li>
						<li><a href="mailto:example@mail.com"><i class="fa fa-envelope-o"></i> mail@example.com</a></li>
					</ul>
					<p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--footer-->
	<!--smooth-scrolling-of-move-up-->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
			var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
			};
			*/
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	</script>
	<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--//smooth-scrolling-of-move-up-->
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>